<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>教育计划</title>
    <style>
        

        div.jyjh-content-w {
            display: flex;
        }

        div.wcxtxhz-content {
            width: 50%;
            margin-right: 40px;
        }

        div.wcxtxhs-content {
            flex: 1;
        }

        div.jyjh-content-item {
            display: none;
        }

        /* 透析名单1↓ */

        .wcxhzmd-checkbox-w {
            width: 10%;
        }

        .wcxhzmd_xh {
            width: 10%;
        }

        .wcxhzmd_txh {
            width: 25%;
        }

        .wcxhzmd_xm {
            width: 15%;
        }

        .wcxhzmd_ytxcs {
            width: 20%;
        }

        .wcxhzmd_zrhs {
            width: 20%;
        }

        .wcxhsmd_xh {
            width: 20%;
        }

        .wcxhsmd_gh {
            width: 40%;
        }

        .wcxhsmd_xm {
            width: 40%;
        }

        /* 透析名单1↑ */
    </style>
</head>

<body>

    <div class="jyjh-nav-wrap jkjy-top-nav-wrap">
        <div class="module-item active" data-m="1">维持性透析患者</div>
        <div class="module-item module-item-line" data-m="2">新入透析患者</div>
        <div class="module-item module-item-line" data-m="3">查看分组</div>
    </div>
    <div class="jyjh-content-w  jyjh-content-item jyjh-content-item1" style="display:block;">
        <div style="display: flex;">
            <div class="wcxtxhz-content">
                <p style="height:40px;padding-top:6px;margin-bottom: 12px;">
                    <span style="font-size: 16px;">患者查询：</span>
                    <select name="" id="">
                        <option value="0">全部</option>
                        <option value="1">已分组</option>
                        <option value="2">未分组</option>
                    </select>
                    <span class="" style="position:relative;color:#333;display:inline-block;margin-left:60px;">
                        <img src="image/search.png" alt="" style="position:absolute;top:8px;left:14px;">
                        <input type="text" class="search_input" id="wcxtxhz-search-ipt" placeholder="请输入患者姓名/首拼">
                    </span>
                </p>
                <p class="title_info_sa">
                    <span class="title-icon-w">
                        <img src="image/jyjh/dialysis.png" alt="">
                    </span>
                    <span>透析名单</span>
                </p>

                <div class="wcxtxhz_container">
                    <ul id="wcxtxhz_container-w">
                        <li class="list-item-view list-item-title" style="padding-right: 0px;">
                            <span class="wcxhzmd-checkbox-w selectAllSpan checkbox-wrap" id="">
                                <input type="checkbox" class="selectAllIpt" name="" id="" style="visibility:hidden;">
                            </span>
                            <span class="wcxhzmd_xh">序号</span>
                            <span class="wcxhzmd_txh">透析号</span>
                            <span class="wcxhzmd_xm">姓名</span>
                            <span class="wcxhzmd_ytxcs">已透析次数</span>
                            <span class="wcxhzmd_zrhs">责任护士</span>
                        </li>
                        <li>
                            <ul id="wcxtxhz_container-sub">

                                <li class="list-item-view list_wpxx_1605 tcenter">
                                    <span class="wcxhzmd-checkbox-w checkbox-wrap">
                                        <input type="hidden" name="sk_in_inventory_id" class="sk_in_inventory_id" value="330050" data-inid="419">
                                        <input type="checkbox" name="out_checkbox" style="visibility:hidden;">
                                    </span>
                                    <span class="wcxhzmd_xh">1</span>
                                    <span class="wcxhzmd_txh">20001001</span>
                                    <span class="wcxhzmd_xm">李晓明</span>
                                    <span class="wcxhzmd_ytxcs">13</span>
                                    <span class="wcxhzmd_zrhs">张静</span>
                                </li>

                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="wcxtxhs-content">
                <p style="margin-bottom: 12px;">
                    <span class="" style="position:relative;color:#333;">
                        <img src="image/search.png" alt="" style="position:absolute;top:8px;left:14px;">
                        <input type="text" class="search_input" id="wcxtxhz-search-ipt" placeholder="请输入护士姓名/首拼">
                    </span>
                    <span class="yj-btn-1" style="background: #1EADF3;">
                        <img src="image/jyjh/Education_table.png" alt="">&nbsp;制定教育表</span>
                    <span class="yj-btn-1" style="background: #45C566;">
                        <img src="image/jyjh/Evaluation_questions.png" alt="">&nbsp;制定测评题</span>
                </p>
                <p class="title_info_sa">
                    <span class="title-icon-w">
                        <img src="image/jyjh/Nurse.png" alt="">
                    </span>
                    <span>护士名单</span>
                </p>
                <div class="wcxtxhs_container">
                    <ul id="wcxtxhs_container-w">
                        <li class="list-item-view list-item-title" style="padding-right: 0px;">
                            <span class="wcxhsmd_xh">序号</span>
                            <span class="wcxhsmd_gh">工号</span>
                            <span class="wcxhsmd_xm">姓名</span>
                        </li>
                        <li>
                            <ul id="wcxtxhs_container-sub">
                                <li class="list-item-view list_wpxx_1605 tcenter">
                                    <span class="wcxhsmd_xh">序号</span>
                                    <span class="wcxhsmd_gh">工号</span>
                                    <span class="wcxhsmd_xm">姓名</span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 新入透析患者begin↓ -->
    <div class="jyjh-content-w  jyjh-content-item jyjh-content-item2" style="width:1080px;">
        <p style="height:40px;margin-bottom: 12px;width:100%;">
            <span class="" style="position:relative;color:#333;display:inline-block;margin-left:0;">
                <img src="image/search.png" alt="" style="position:absolute;top:8px;left:14px;">
                <input type="text" class="search_input" id="xrtxhz-search-ipt" placeholder="请输入患者姓名/首拼">
            </span>
            <span style="height: 40px;float: right;">


                <span class="yj-btn-1" style="background: #02C3CE;margin-left: 120px;">
                    <img src="image/jyjh/Maintenance_patients.png" alt="">&nbsp;转为维持性患者</span>
                <span class="yj-btn-1" style="background: #1EADF3;">
                    <img src="image/jyjh/Education_table.png" alt="">&nbsp;制定教育表</span>
                <span class="yj-btn-1" style="background: #45C566;">
                    <img src="image/jyjh/Evaluation_questions.png" alt="">&nbsp;制定测评题</span>
            </span>
        </p>
        <p class="title_info_sa">
            <span class="title-icon-w">
                <img src="image/jyjh/dialysis.png" alt="">
            </span>
            <span>透析名单</span>
        </p>
        <div class="xrtxhz_container">
            <style>
                .xrtxhzmd-checkbox-w {
                    width: 10%;
                }

                .xrtxhzmd_xh {
                    width: 10%;
                }

                .xrtxhzmd_txh {
                    width: 20%;
                }

                .xrtxhzmd_xm {
                    width: 20%;
                }

                .xrtxhzmd_ytxcs {
                    width: 20%;
                }

                .xrtxhzmd_zrhs {
                    width: 20%;
                }
            </style>
            <ul id="xrtxhz_container-w">
                <li class="list-item-view list-item-title" style="padding-right: 0px;">
                    <span class="xrtxhzmd-checkbox-w selectAllSpan checkbox-wrap" id="">
                        <input type="checkbox" class="selectAllIpt" name="" id="" style="visibility:hidden;">
                    </span>
                    <span class="xrtxhzmd_xh">序号</span>
                    <span class="xrtxhzmd_txh">透析号</span>
                    <span class="xrtxhzmd_xm">姓名</span>
                    <span class="xrtxhzmd_ytxcs">已透析次数</span>
                    <span class="xrtxhzmd_zrhs">已教育次数</span>
                </li>
                <li>
                    <ul id="xrtxtxhz_container-sub">

                        <li class="list-item-view list_wpxx_1605 tcenter">
                            <span class="xrtxhzmd-checkbox-w checkbox-wrap">
                                <input type="hidden" name="sk_in_inventory_id" class="sk_in_inventory_id" value="330050" data-inid="419">
                                <input type="checkbox" name="out_checkbox" style="visibility:hidden;">
                            </span>
                            <span class="xrtxhzmd_xh">1</span>
                            <span class="xrtxhzmd_txh">20001001</span>
                            <span class="xrtxhzmd_xm">李晓明</span>
                            <span class="xrtxhzmd_ytxcs">13</span>
                            <span class="xrtxhzmd_zrhs">2</span>
                        </li>

                    </ul>
                </li>
            </ul>
        </div>
    </div>

    <!-- 查看分组begin↓ -->
    <style>
        .hsfghz-wrap{
            position: relative;
            padding-left: 100px;
        }
        .hsfghz-wrap .hsfghz-tip{
            position: absolute;
            left: 0;
            top: 0;
            height: 47px;
            line-height: 47px;
            font-size: 16px;
        }
        li.ckhzfz-item{
            padding: 10px 30px 0 30px;
            margin-bottom: 6px;
            border-bottom: 1px solid #ddd;
        }
        p.ckhzfz-hsxm{
            font-size: 16px;
            margin-bottom: 6px;
        }
        span.hsfghz-hzxm{
            position: relative;
            padding: 14px 22px 14px 22px;
            min-width: 80px;
            text-align: center;
            margin: 0 4px 4px 0;
        }
        span.hsfghz-hzxm:hover span.delhz{
            display: block;
        }
        span.delhz{
            display: none; 
            cursor: pointer;
            width: 20px;    
            height: 20px;
            position: absolute;
            top: 0;
            right: 0px;
            background: url(image/jyjh/close.png) no-repeat center center ;
        }
        span.hsfghz-addhz{
            width: 30px;
            height: 30px;
            line-height: 30px;
            margin-left: 40px;
            top: -4px;
            cursor: pointer;
        }
    </style>
    <div class="jyjh-content-w  jyjh-content-item jyjh-content-item3" style="width:1680px;">
        <p style="padding-bottom:12px;margin-bottom:6px;border-bottom: 2px solid #ddd;width:100%;">
            <span class="title-icon-w">
                <img src="image/jyjh/Nurse.png" alt="">
            </span>
            <span style="font-size: 16px;">护士名单</span>
            <span class="" style="position:relative;color:#333;display:inline-block;margin-left:80px;">
                <img src="image/search.png" alt="" style="position:absolute;top:8px;left:14px;">
                <input type="text" class="search_input" id="xrtxhz-search-ipt" placeholder="请输入护士姓名/首拼">
            </span>
        </p>

        <div class="xrtxhz_container">
            <ul id="ckfzhz_container-sub">
                <li class="ckhzfz-item">
                   <p class="ckhzfz-hsxm">护士：张静</p>
                    <div class="hsfghz-wrap">
                        <span class="hsfghz-tip">分管患者：</span>
                        <div>
                            <span class="hsfghz-hzxm">李四 <span class="delhz"></span> </span>
                            <span class="hsfghz-hzxm">张三 <span class="delhz"></span> </span>
                            <span class="hsfghz-hzxm">李四 <span class="delhz"></span> </span>
                            <span class="hsfghz-hzxm">李四 <span class="delhz"></span> </span>
                            <span class="hsfghz-hzxm">李四 <span class="delhz"></span> </span>
                            <span class="hsfghz-hzxm">李四 <span class="delhz"></span> </span>
                            <span class="hsfghz-hzxm">李四 <span class="delhz"></span> </span>
                            <span class="hsfghz-addhz"><img src="image/add.png" alt=""></span>
                        </div>
                    </div>
                </li>
                <li class="ckhzfz-item">
                   <p class="ckhzfz-hsxm">护士：张静</p>
                    <div class="hsfghz-wrap">
                        <span class="hsfghz-tip">分管患者：</span>
                        <div>
                            <span class="hsfghz-hzxm">李四 <span class="delhz"></span> </span>
                            <span class="hsfghz-hzxm">张三 <span class="delhz"></span> </span>
                            <span class="hsfghz-hzxm">李四 <span class="delhz"></span> </span>
                        </div>
                    </div>
                </li>

            </ul>

        </div>
    </div>
    <script>
        $(".jyjh-nav-wrap .module-item").on("click", function () {
            $(this).addClass("active").siblings().removeClass("active");
            var m = $(this).data("m");
            $(".jyjh-content-item").css("display", "none");
            $(".jyjh-content-item" + m).css("display", "block");
        })
    </script>
</body>

</html>